@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:微软雅黑;font-size: 14px;font-size: 1.4rem;height: 100%; background:url(../img/beijing.jpg)}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
a {text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
/**.maln {margin-left: auto !important}**/
input, textarea {font-family:微软雅黑;font-size: 12px;font-size: 1.2rem;color:#333;border: none;outline: none;}
.fl{ float:left;}
.fr{ float:right;}


::-webkit-input-placeholder {/* WebKit browsers */
 color:#333;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#333;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#333;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#333;}
 
 
 
.banner {
    position: relative;
    z-index: 2;
    line-height: 0;
    font-size: 0;
}

.banner .slick-arrow {
    position: absolute;
    z-index: 99;
    display: block !important;
    top: 50%;
    margin-top: -31px;
    width: 62px;
    height: 62px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.banner .slick-prev {
    left: 54px;
    background-image: url("../img/baleft.png");
    cursor: pointer;
}
.banner .slick-prev:hover{background-image: url("../img/balefth.png"); }
.banner .slick-next {
    right: 54px;
    background-image: url("../img/baright.png");
    cursor: pointer;
}
.banner .slick-next:hover{background-image: url("../img/barighth.png"); }
.banner .slick-dots {
    position: absolute;
    z-index: 999999;
    left: 0;
    right: 0;
    bottom: 26px;
    text-align: center;
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
}

.banner .slick-dots li {
    margin: 0 11px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.banner .slick-dots li.slick-active a {
    background: #173b87;
    cursor: pointer;
}

.banner .slick-dots a {
    display: block;
    width: 16px;
    height: 16px;
    border-radius:50%;
    background: #ffffff;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.banner.hide {
    display: none;
}

@media screen and (max-width: 959px) {
    .banner {
        display: block;
    }

    .banner.hide {
        display: block;
    }

    .banner .slick-arrow {
        display: none !important;
    }

    .banner .slick-dots {
        bottom: 10px;
    }

    .banner .slick-dots li {
        margin: 0 5px;
    }

    .banner .slick-dots a {
        width: 10px;
        height: 10px;
    }

    .banner2 {
        display: none;
    }
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block;
    max-width:100%;
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots .slide-count {
    display: none;
}

.slick-slide {
    position: relative;
}

.slick-slide iframe {
    position: absolute;
    left: 0;
    top: -17%;
    width: 100%;
    height: 117%;
}

.slick-slide video {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 101%;
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    display: none \9;
    display: block \9\0;
}

@media screen and (max-width: 991px) {
    .slick-slide video {
        object-position: inherit;
        object-fit: inherit;
        width: 100%;
        height: 100%;
        transform: translate(0, 0);
        left: 0;
        top: 0;
    }
}

 
 
 
 
 
 
 
 
 
 
@media screen and (min-width:1220px) {.zong {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.zong {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.zong {width: 95%;margin: auto;}}

.ab2kong{ margin-bottom:100px;}
/*  head  */
.head{ background:#fff;}
.head .zong{ position:relative; z-index:9999; padding-bottom:15px;}
.logo{ padding-top:12px;float:left; width:224px;}
.logo a{ display:block; text-align:center;}
.logo a img{ width:100%; max-width:301px; max-height:116px;}

.her{ float:right;}
.yvzhong{ font-size:14px; font-size:1.4rem; color:#5b5b5b; line-height:30px;}
.yvzhong a{ color:#5b5b5b;}
.yvzhong a:hover{ color:#0069a0;}

/*  sousuo  */
.search{width:25px;z-index:9999999; position:absolute;background:none; top:61px; right:75px;}
.search1{width:50px;z-index:9999999; position:absolute;background:none; top:70px; right:0px;}
.search1 a{display: block; float: left; margin-left: 5px;}
.sb-icon-search {color: #fff;z-index: 99;width:25px;height:33px;display:block;}
.sb-search-submit {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;color: transparent;border: none;outline: none; z-index:99999999;}
.search_1000{}
.sb-search {position:relative;width: 0%;min-width: 25px;height: 33px;float: right;display:inline;overflow: hidden;-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-backface-visibility: hidden; z-index:99; border:none;}
.sb-search-input {position: absolute;top: 0;left:0px;outline: none;width:236px;height: 33px;line-height:33px;padding-left:10px;border:none;margin: 0;z-index: 190;font-family:微软雅黑; color:#333; border-radius:4px; background:none;}
.sb-icon-search,.sb-search-submit{width: 25px;height: 33px;display: block;position: absolute;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background: url(../img/sousuo.jpg) no-repeat center;border:1px solid #fff;}

.sb-search.sb-search-open,
.no-js .sb-search {width: 236px;height:33px;line-height:33px;position:relative;right:0px;top:0px; z-index: 999999; background:#fff; border:1px solid #173b87; border-radius:17px;}
.no-js .sb-search .sb-icon-search {position:absolute;background:url(../img/sousuo.jpg) no-repeat center;z-index: 15;right:0px;top:0px;}
.no-js .sb-search .sb-search-submit{z-index:91;}


.daohang{ float:right; margin-right:120px;}
.daohang>li{float:left; position:relative; z-index:99999; margin-left:0px;}
.daohang>li>a{ display:block; font-size:18px; font-size:1.8rem; line-height:66px; color:#666666; text-transform:uppercase; padding:0 19px; padding-top:46px;}
.prdao{ background:url(../img/daohang.png) no-repeat center bottom;}
.daohang>li:hover>a{ background:#173b87; color:#fff; background:#173b87;}
.daohang>li:hover .prdao{background:#173b87 url(../img/daohangh.png) no-repeat center bottom;}
.dangqiandao{ background:#173b87 !important; color:#fff !important; background:#173b87 !important;}
.prdao.dangqiandao{ background:#173b87 url(../img/daohangh.png) no-repeat center bottom !important;}

.yiji{ width:165px; position:absolute; top:-9999px; left:0px; background:#173b87; text-align:left; z-index:999999}
.yiji li{ position:relative; z-index:9999}
.yiji li a{ display:block; font-size:14px; font-size:1.4rem; line-height:26px; color:#fff; padding:5px 0; padding-left:23px;}
.yiji li:hover>a{ background:#fff; color:#173b87;}
.daohang>li:hover .yiji{ top:112px;}
.erji{ width:218px; position:absolute; top:-9999px; left:165px; background:#173b87;text-align:left; z-index:999999}
.yiji li:hover .erji{ top:0px;}


/*lun bo
.index_focus {position: relative;width: 100%;height:730px;margin: 0 auto;overflow: hidden;z-index: 9;}
.index_focusn {width: 1920px;position: absolute;left: 50%;top: 0px;margin-left: -960px;height: 100%;z-index: 99}
.index_focus .bd li {display: none;position: absolute;left: 0;top: 0;width: 1920px;z-index: 999}

.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;margin: 0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus_pre, .index_focus_next {display: none;position: absolute;top:50%; margin-top:-45px;width:63px;height:63px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 9999}
.index_focus_pre {left:54px;background: url(../img/baleft.png) no-repeat;}
.index_focus_next {right:54px;background: url(../img/baright.png) no-repeat;}
.index_focus_pre:hover {left:54px;background: url(../img/balefth.png) no-repeat;}
.index_focus_next:hover {right:54px;background: url(../img/barighth.png) no-repeat;}


.index_focus2 {position: relative;width: 100%;height:535px;margin: 0 auto;overflow: hidden;z-index: 9;}
.index_focusn2 {width: 1920px;position: absolute;left: 50%;top: 0px;margin-left: -960px;height: 100%;z-index: 99}
.index_focus2 .bd li {display: none;position: absolute;left: 0;top: 0;width: 1920px;z-index: 999}
.index_focus2 .slide_nav {position: absolute; height:12px; bottom:26px; left:50%; margin-left:-33px;z-index: 99999;}
.index_focus2 .slide_nav a {width:12px;height:12px; cursor: pointer;float: left; margin-left:4px; margin-right:5px; background:#fff;}

.index_focus_post {z-index: 10;}
.index_focus2 .pic {height: auto;display: block;margin: 0 auto;}
.index_focus2 .pic:hover {text-decoration: none;}
.index_focus2 .slide_nav li:hover, .index_focus2 .slide_nav .on {text-decoration: none; background:#173b87;}
.index_focus_pre2, .index_focus_next2 {display: none;position: absolute;top:50%; margin-top:-15px;width:63px;height:63px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 9999}
.index_focus_pre2 {left:54px;background: url(../img/baleft.png) no-repeat;}
.index_focus_next2 {right:54px;background: url(../img/baright.png) no-repeat;}
.index_focus_pre2:hover {left:54px;background: url(../img/balefth.png) no-repeat;}
.index_focus_next2:hover {right:54px;background: url(../img/barighth.png) no-repeat;}
*/


.rslides { position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li { -webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child { position: relative;display: block;float: left;}
.rslides img { display: block;height: auto;float: left;width: 100%;border: 0;}
.slide_container {position: relative;float: left;width: 100%;}
.slide { position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.slide li { position: absolute;width: 100%;left: 0;top: 0;}  
.slide img { display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.slide .caption { display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;background: #000;background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px;margin: 0;max-width: none;}  
.slide_nav { position: absolute; left:54px;top:50%; margin-top:-32px; z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;width:63px;height:63px;background:url(../img/baleft.png); opacity: 0;}
.slide_nav.prev:hover{background:url(../img/balefth.png); }

.slide_nav:active { opacity: 1.0;}
.slide_nav.next { left: auto;background-position: right top; right:54px; background:url(../img/baright.png);}
.slide_nav.next:hover {background:url(../img/barighth.png); }
.slide_container:hover .slide_nav{ opacity:1;}

.daohang2{ display:none}

@media screen and (min-width:1000px) and (max-width:1219px) {
.index_focus {height:584px;}
.index_focusn img {width: 80%;}
.index_focus2 {height:428px;}
.index_focusn2 img {width: 80%;}
.daohang>li{ margin-left:0px;}
.daohang>li>a{ padding:0 9px; padding-top:46px;}
}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
.clear2{ clear:both;}
.index_focus {display: none}
.index_focus2 {display: none}
.rslides { display:none}
.yiji {display: none}
.slide_nav{ display:none}

.head .zong{ position:relative; padding-bottom:10px; padding-top:5px;}
.logo{ padding-top:10px;float:none; width:194px;}
.search{ top:60px;}

.daohang{ float:none; text-align:center; margin-right:auto; margin-top:15px;}
.daohang li{ float:none; display:inline-block; *float:left; margin:0px;}
.daohang>li>a{ font-size:14px; font-size:1.4rem; padding:0 10px; text-transform:none; padding-top:10px;}

.carousel{width: 100%;position: relative;overflow: hidden;}
.carousel ul{width: 100%;height: 100%;}
.carousel ul li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.carousel ul li img{width: 100%; vertical-align: middle;}
.carousel ol{position: absolute;z-index: 2;width: 120px;height:5px;bottom: 5px;left: 50%;-webkit-transform:translate3d(-50%,0,0);}
.carousel ol li{float: left;width: 10px;height: 10px;margin-right: 10px;border-radius: 5px;background-color: #fff;transition:all 0.3s ease 0s;}
.carousel ol li.cur{width: 10px;background:#173b87;}
.carousel ol li:last-child{margin: 0;}
}
@media screen and (min-width:640px) {.container,.nav{ display:none}}
@media screen and (max-width:639px) {
.logo{ position:relative; float:left; width:170px; padding-top:20px;}
.her{ float:right;}
.search{ right:45px;}

.container{ width:5px; height:100%;position:absolute; right:0px;transition:all 0.4s ease 0s; z-index:999999; cursor:pointer;}
.menubtn{width: 35px;height: 30px;position: absolute;top:36px;right:10px;transition:all 0.4s ease 0s; z-index:9999}
.menubtn span{display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #173b87;}
.nav{width:250px;height:100%;background:rgba(0,0,0,0.8);position: absolute;bottom: 0;right: 0;display: none;}
.nav ul {display: none; margin-top:10px;}
.nav ul li{line-height: 40px;font-size: 12px; font-size:1.2rem;text-indent: 30px;}
.nav ul li a{ color:#fff;}

.daohang{ display:none;}
.daohang2{ display:block; width:100%; text-align:center; margin-top:15px;}
.daohang2 a{ display:inline-block; padding:0 10px; font-size:14px; font-size:1.4rem; line-height:30px; text-align:center;}
}

/*  main1  */
@font-face {
    font-family:微软雅黑;
    src: url('../fonts/verlag.eot');
    src: url('../fonts/verlag.eot') format('embedded-opentype'),
         url('../fonts/verlag.woff2') format('woff2'),
         url('../fonts/verlag.woff') format('woff'),
         url('../fonts/verlag.ttf') format('truetype'),
         url('../fonts/verlag.svg#verlag') format('svg');
}

.main1{ background:url(../img/lvtiao.jpg) repeat-x top;}
.m1lie{ width:360px; float:left; margin-left:60px;}
.m1zi{ background:#173b87; padding:7px 0;}
.m1zi>a{ display:block; font-size:26px; font-size:2.6rem; line-height:36px; color:#fff; text-align:center; text-transform:uppercase;font-family:微软雅黑;}
.m1zi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#ffffff; height:72px; overflow:hidden; margin-top:18px;}
.m1zi a:hover{ color:#333;}
.m1tu{ display:block;}
.m1tu img{ display:block; margin:auto; width:100%; max-width:360px; max-height:245px;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.m1lie{ width:320px; margin-left:10px;}
}
@media screen and (max-width:999px) {
.m1lie{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%;}
.m1zi{ padding:0 10px; padding-top:18px; padding-bottom:19px;}
.m1zi>a{ font-size:20px; font-size:2rem;}
.main1{ background:none; margin-top:20px;}
}
@media screen and (max-width:699px) {
.m1lie{ width:99%; margin-left:0.5% !important; margin-right:0.5%; margin-bottom:20px;}
.m1zi{ max-width:340px; margin:auto;}
}


/*  main2  */
.main2{ background:url(../img/m2bei.jpg) no-repeat center; background-attachment:fixed; margin-top:118px; padding-bottom:160px;}
.main2 .zong{ position:relative; padding-top:74px;}
.m2biao{ display:block; font-weight:bold; font-size:26px; font-size:2.6rem; text-transform:uppercase; color:#173b87; line-height:35px; background:url(../img/m2biao.png) no-repeat center; text-align:center;font-family:微软雅黑; margin-bottom:45px;}
.m2morz{ display:block; width:67px; height:30px; border:1px solid #173b87; text-align:center; line-height:30px; font-size:14px; font-size:1.4rem; text-transform:uppercase; color:#173b87; position:absolute; right:1px; top:70px;}
.m2morz:hover{ background:#173b87; color:#fff;}

.m2lie{ width:580px; margin-top:37px;}
.m2lien{ border:9px solid #000; border:9px solid rgba(0,0,0,0.2); position:relative; z-index:9; overflow:hidden;}
.m2tu{ display:block;}
.m2tu img{ display:block; margin:auto; width:100%; max-width:562px; max-height:370px;}
.m2fu1{ position:absolute; width:100%; line-height:49px; transition:0.5s; left:0px; bottom:0px; background:#000; background:rgba(0,0,0,0.8); z-index:99}
.m2fu2{ position:absolute; width:100%; bottom:-400px; transition:0.5s; background:#173b87; z-index:90}
.m2a{ display:block; padding-left:31px; padding-right:130px; font-size:18px; font-size:1.8rem; color:#fff; text-transform:uppercase; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m2mor{ display:block; position:absolute; right:30px; top:0px; line-height:49px; background:url(../img/m2jian.png) no-repeat right center; padding-right:20px; color:#fff; text-transform:uppercase;}
.m2fu2 ul{ display:block; padding:23px 20px 68px 31px; font-size:14px; font-size:1.4rem; line-height:24px; color:#fff;}
.m2fu2 ul li,.m2fu2 ul p,.m2fu2 ul a{ color:#fff;}
.m2lie:hover .m2fu2{ bottom:0px;}
.m2lie:hover .m2fu1{background:#173b87;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.m2lie{ width:480px; margin-top:37px;}
.m2fu2 ul{ padding:23px 10px 68px 11px;}
.m2a{ padding-left:11px; font-size:16px; font-size:1.6rem;}
}
@media screen and (max-width:999px) {
.m2lie{ width:49%; margin-top:37px;}
.m2fu2 ul{ padding:0px; height:144px; overflow:hidden;}
.m2a{ padding-left:11px; padding-right:10px; font-size:16px; font-size:1.6rem;}
.m2mor{ display:none}
.m2lien{ border:none;}
.m2fu2{ position:relative; bottom:auto; width:auto; padding:23px 10px 68px 11px;}
.m2morz{ top:80px;}
.main2{ margin-top:30px; padding-bottom:60px;}
.main2 .zong{padding-top:30px;}
}
@media screen and (max-width:639px) {
.m2lie{ width:99%;}
.m2fu2 ul{ height:auto;}
}

/*  main3  */
.main3{ background:url(../img/m3bei.jpg) no-repeat center; background-attachment:fixed; padding-top:68px; padding-bottom:32px;}
.m3biao{ display:block; background:url(../img/m3biao.png) no-repeat center; font-size:30px; font-size:3rem; text-transform:uppercase; text-align:center; color:#ffffff; font-family:微软雅黑;}
.m3xin{ width:787px; margin:auto; margin-top:91px;}
.m3xin .int1{ width:200px; height:54px; background:#fff; font-size:16px; font-size:1.6rem; text-transform:uppercase; line-height:54px; padding-left:20px; float:left;margin-right: 10px;}
.m3xin .int2{ width:208px; height:54px; float:right; border:1px solid #d8d7d7; font-size:16px; font-size:1.6rem; color:#fff; text-transform:uppercase; background:none; cursor:pointer;}
.main3 span{ display:block; text-align:center; font-size:20px; font-size:2rem; color:#173b87; text-transform:uppercase; font-family:微软雅黑; text-align:center; margin-top:75px;}
.main3 p{ display:block; text-align:center; font-size:28px; font-size:2.8rem; color:#fff; text-align:center;font-family:微软雅黑; margin-top:5px;}
.m3bottom{ display:block; width:25px; margin:auto; margin-top:33px;}
.m3bottom img{ width:25px; height:16px;}
@media screen and (max-width:999px) {
.main3{ padding-top:30px;}
.m3biao{ font-size:24px; font-size:2.4rem;}
.m3xin{ width:100%; margin-top:30px;}
.m3xin .int1{ width:65%; padding-left:7px; font-size:14px; font-size:1.4rem;}
.m3xin .int2{ font-size:14px; font-size:1.4rem; width:31%; padding:0px;}
.main3 span{ margin-top:35px; font-size:14px; font-size:1.4rem;}
.main3 p{ font-size:18px; font-size:1.8rem;}
}


/*  main4  */
.main4{ position:relative; padding-top:125px; padding-bottom:114px;}
.main4 .maln{margin-left: 0;}
.m4biao{ display:block; background:url(../img/m4biao.png) no-repeat center; text-align:center; font-size:26px; font-size:2.6rem; text-transform:uppercase; color:#173b87; font-family:微软雅黑;}
.m4mor{ display:block; width:67px; height:30px; border:1px solid #173b87; text-align:center; line-height:30px; font-size:14px; font-size:1.4rem; text-transform:uppercase; color:#173b87; position:absolute; right:1px; top:120px;}
.m4mor:hover{ background:#173b87; color:#fff;}
.m4lie{ width:382px; float:left; margin-left:27px; margin-top:59px;}
.m4tu{ display:block;}
.m4tu img{ display:block; margin:auto; width:100%; max-width:382px; max-height:230px;}
.m4zi{ display:block; margin-left:4px; font-size:18px; font-size:1.8rem; line-height:24px; margin-top:14px; height:48px; overflow:hidden;}
.m4lie p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#666666; margin-left:4px; margin-top:16px; height:72px; overflow:hidden;}
.m4lie span{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; color:#999999; padding-left:32px; background:url(../img/m4riqi.jpg) no-repeat left center; margin-top:30px;}
.m4lie a:hover{ color:#173b87;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.m4lie{ width:320px; margin-left:10px;}
}
@media screen and (max-width:999px) {
.main4{ padding-top:35px; padding-bottom:40px;}
.m4mor{ top:70px;}
.m4lie{ width:100%; margin-left:0px;}
}


/*  foot  */
.foot{ background:#222828 url(../img/foot.jpg) no-repeat center ;  padding-top:42px; padding-bottom:31px;}
.ful1{ width:260px; float:left;}
.ful2{ width:320px; float:left; margin-left:96px;}
.ful3{ width:388px; float:right;}

.fbiao{ display:block; font-size:20px; font-size:2rem; color:#fff; line-height:40px;}
.f1n{ margin-top:3px;}
.f1n a{ display:block; width:50%; float:left; font-size:16px; font-size:1.6rem; color:#fff; line-height:30px;}

.f2n{ margin-top:10px;}
.f2n li{font-size:16px; font-size:1.6rem; color:#fff; line-height:30px; padding-left:30px;}
.f2n li a{ color:#fff;}

.fdianhua{ background:url(../img/fdianhua.png) no-repeat left 5px;}
.fs{ background:url(../img/fs.png) no-repeat left 5px;}
.fxinfeng{ background:url(../img/fxinfeng.png) no-repeat left 10px;}
.fdizhi{ background:url(../img/fdingwei.png) no-repeat left 8px;}

.shejiao{ margin-top:28px; margin-bottom:23px;}
.shejiao a{ display:block; float:left; margin-right:31px;}
.ful3 p{ font-size:14px; font-size:1.4rem; line-height:30px; color:#fff;}
.ful3 p a{ color:#fff;}
.cnzz{ display:block; margin-top:14px;}

.f2n li a:hover,.f1n a:hover,.ful3 p a:hover{ color:#173b87;}

.youlian{ background:#173b87; line-height:25px; padding:7px 0;}
.youlian p{ font-size:14px; font-size:1.4rem; color:#fff; float:left;}
.youlian a{ display:block; float:left; font-size:14px; font-size:1.4rem; color:#fff; margin:0 10px;}
.youlian a:hover{ color:#333;}
.foot2{ padding-bottom:16px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.ful1{ width:220px; float:left;}
.ful2{ width:320px; float:left; margin-left:26px;}
.ful3{ width:388px; float:right;}
}
@media screen and (max-width:999px) {
.ful1{ width:35%; float:left;}
.ful2{ width:62%; float:right; margin-left:0px;}
.ful3{ width:100%; float:right; margin-top:20px;}
}
@media screen and (max-width:639px) {
.youlian{ display:none}
.ful1{ width:100%;}
.ful2{ width:100%; margin-top:20px;}
}

/***************************************************************  product  *************************************************************/
.mianbao{ font-size:14px; font-size:1.4rem; text-transform:uppercase; color:#666666; line-height:36px; padding-top:10px;}
.mianbao a{ color:#666666;}
.mianbao a:hover{ color:#173b87;}
.co4b{ color:#173b87 !important;}

.prmain{ padding-bottom:91px;}
.prr{ width:829px; float:right;}
.prl{ width:336px; float:left; margin-top:12px;}

.subNavBox{}
.prltbiao{ border-top:6px solid #173b87;}
.prltbiao a{ display:block;}
.prltbiao a img{ display:block; width:100%; max-width:336px; max-height:47px;}
.subNav{ cursor:pointer; line-height:28px; padding:10px 0; padding-left:19px; padding-right:30px; background:#173b87 url(../img/prltjia.jpg) no-repeat right center; margin-bottom:13px;}
.subNav a{ font-size:16px; font-size:1.6rem; color:#fff; font-weight:bold;}
.navContent{display: none; background:#fff; background:rgba(255,255,255,0.5); margin-top:-13px; margin-bottom:21px;}
.navContent ul{ padding-top:5px; padding-bottom:24px;}
.navContent li a{display:block; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:12px; padding-left:27px; padding-right:10px; background:url(../img/huijian.png) no-repeat 7px 6px;}
.navContent li a:hover{color:#173b87;background:url(../img/lvjian.png) no-repeat 7px 6px;}
.xuanzhong{color:#173b87 !important;background:url(../img/lvjian.png) no-repeat 7px 6px !important;}
.chanlie{ width:395px; margin-top:11px; margin-bottom:47px;}
.chantu{ display:block; text-align:center; background:url(../img/wangge.jpg); padding:2px;}
.chantu img{ width:100%; max-width:562px; max-height:370px;}
.chanming{ position:relative; margin-top:16px;}
.chanming a{ display:block; padding-left:29px; font-size:18px; font-size:1.8rem; text-transform:uppercase; line-height:23px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.chanming input{ position:absolute; left:0px; top:2px;}
.chanlie p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; height:48px; overflow:hidden; margin-top:7px;}
.chana1{ display:block; width:107px; height:34px; border:1px solid #173b87; background:#173b87; text-align:center; line-height:34px; font-size:14px; font-size:1.4rem; color:#fff; float:left; margin-top:22px;}
.chana2{ display:block; width:118px; height:34px; border:1px solid #173b87; background:#fff; text-align:center; line-height:34px; font-size:14px; font-size:1.4rem; color:#173b87; float:left; margin-left:12px; margin-top:22px;}
.chanming a:hover,.chanlie p a:hover{ color:#173b87;}
.chana1:hover{ background:#fff; color:#173b87;}
.chana2:hover{ background:#173b87; color:#fff;}

.fenye{ margin-top:25px;}
.fenyen{ float:left; margin-top:35px;}
.fenyen a{ display:inline-block; width:23px; height:23px; text-align:center; line-height:23px; border-radius:50%; background:#fff; border:1px solid #333; margin:0 5px 0 6px; font-size:14px; font-size:1.4rem; font-family:微软雅黑; margin-bottom:10px; color:#333;}
.sx{ width:auto !important; background:none !important; border:none !important; font-size:12px !important; font-size:1.2rem !important;}
.fenyen a:hover{ background:#173b87; color:#fff; border:1px solid #173b87;}
.sx:hover{ color:#173b87 !important;}
.fenyen a.no,.fenyen a.no:hover{color:#333 !important;}
.dangqianfen{ background:#173b87 !important; color:#fff !important; border:1px solid #173b87 !important;}
.fuxuan{ background:url(../img/fuxuan.png) no-repeat left center; padding-left:30px; float:right; font-size:16px; font-size:1.6rem; color:#4b4b4b; margin-top:29px; margin-right:25px;}
.fuxuan input{ width:158px; height:32px; padding:0px; background:#173b87; border:none; color:#fff; margin-left:13px; cursor:pointer; font-size:14px; font-size:1.4rem;}
.fuxuan input:hover{ background:#333;}

.fuxuan22{display: block; line-height: 32px; float: right; text-align: center; width:158px; height:32px; padding:0px; background:#173b87; border:none; color:#fff; margin-left:13px; cursor:pointer; font-size:14px; font-size:1.4rem;}
.fuxuan22:hover{ background:#333;}

.fuxuan11{display: block; line-height: 32px; float: left; text-align: center; width:158px; height:32px; padding:0px; background:#173b87; border:none; color:#fff; margin-left:13px; cursor:pointer; font-size:14px; font-size:1.4rem;}
.fuxuan11:hover{ background:#333;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.prl{ width:260px; float:left; margin-top:9px;}
.prr{ width:706px; float:right;}
.chanlie{ width:345px;}
}
@media screen and (max-width:999px) {
.prl{ width:35%; float:left; margin-top:9px;}
.prr{ width:62%; float:right;}
.chanlie{ width:49%; margin-top:13px; margin-bottom:10px;}
.chanlien{}
.prltbiao{ font-size:18px; font-size:1.8rem;}
.prlbbiaon{ font-size:20px; font-size:2rem;}
.chanming a{ padding-left:20px;}
.chanming a{ font-size:14px; font-size:1.4rem;}
.chanlie p a{ font-size:12px; font-size:1.2rem;}
.chana1{ width:50px; font-size:12px; font-size:1.2rem;}
.chana2{ width:90px; font-size:12px; font-size:1.2rem;}
.fenyen{ float:none;}
.fuxuan{ float:none; margin-top:10px; margin-right:auto;}
.subNav{ font-size:14px; font-size:1.4rem;}
.mianbao{ margin-top:12px;}
.mianbao a{ font-size:14px; font-size:1.4rem;}

}
@media screen and (max-width:639px) {
.prmain{ padding-bottom:4px;}
.prl{ width:100%; float:none; margin-top:29px;}
.prr{ width:100%; float:none;}
.pra{ margin-top:25px;}
}
@media screen and (max-width:369px) {
	.fuxuan22,.fuxuan11{ float:none; width:100%; margin:0 auto; margin-bottom:15px;}
.chanlie{ width:98%;}
}

/*************************************************************************  product2  *****************************************************************/
.prmain2{ padding-bottom:83px;}

#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:433px;position:relative; float:left; margin-top:11px;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto; padding:2px; background:url(../img/wangge.jpg);}
#tsShopContainer #tsImgS img{border:0px;}
#tsShopContainer #tsPicContainer{width:100%;height:72px;position:relative; margin-top:12px;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:24px;height:24px;background:url(../img/prleft.png) no-repeat left center;position:absolute;top:22px;left:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:24px;height:24px;background:url(../img/prright.png) no-repeat right center;position:absolute;top:22px;right:0px;cursor:pointer;} 
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;left:35px;width:1px;height:72px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:122px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block; width:104px; padding:2px; background:url(../img/wangge.jpg);}
#tsShopContainer #tsPicContainer #tsImgSCon li img{display:block;width:104px;height:68px;}

.MagicZoomBigImageCont{border:1px solid #ccc;background:#FFF;}
.MagicZoomPup{border:0px solid #aaa;background:#ffffff;}
.MagicZoomMain{text-align:center !important;width: 92px;}

.jianjie{ width:362px; float:right; margin-top:14px;}
.jianjie h1{ font-size:16px; font-size:1.6rem; line-height:24px; color:#173b87;}
.jianjie ul{font-size:16px; font-size:1.6rem; line-height:24px; margin-top:21px; text-align: justify; }

.inno{ margin-top:33px;}
.inno a{ display:block; width:135px; height:45px; border:1px solid #173b87; border-radius:5px; float:left; text-align:center; line-height:45px; color:#173b87; font-size:16px; font-size:1.6rem; color:#173b87; margin-right:10px; border-radius:5px;}
.inno span{ display:block; width:135px; height:45px; border:1px solid #173b87; border-radius:5px; float:left; text-align:center; line-height:45px; color:#173b87; font-size:16px; font-size:1.6rem; color:#173b87; margin-right:10px; border-radius:5px;}
.inno a:hover{ background:#173b87; color:#fff}

.share{ margin-top:44px; float:right;}
.share span{ display:block; float:left; font-size:14px; font-size:1.4rem; line-height:26px; color:#0093d8;}
.share a{ display:block; float:left; margin-left:6px;}

.chanxbiao{ background:url(../img/huixian.jpg) repeat-x bottom; margin-top:42px;}
.chanxbiao a{ display:block; background:url(../img/chanxbiao.jpg) no-repeat left bottom; font-size:24px; font-size:2.4rem; text-transform:uppercase; color:#173b87; font-family:微软雅黑; line-height:44px;}
.chanxiang{ font-size:16px; font-size:1.6rem; line-height:30px; padding-top:12px;}
.chanxiang a{ color:#173b87;}
.chanxa{ display:block; font-size:18px; font-size:1.8rem; font-weight:bold; text-transform:uppercase; color:#333 !important; margin-top:20px; margin-bottom:10px;}
.chanxiang img{ max-width:100%; display: block; margin: 0 auto;}
.chanxiang table,.nex table{ width:97%; border-collapse:collapse; line-height:24px;}
.chanxiang tr td,.nex  tr td{ line-height:24px; padding:2px;}
.nex img{ max-width:100%; display: block; margin: 0 auto;}
.img-scroll {position: relative;}
.rebiao{ background:url(../img/huixian.jpg) repeat-x bottom; margin-top:44px;}
.rebiao a{ display:block; background:url(../img/chanxbiao.jpg) no-repeat left bottom; font-size:24px; font-size:2.4rem; text-transform:uppercase; color:#173b87; font-family:微软雅黑; line-height:44px;}
.renav{ width:43px; height:19px; position:absolute; right:0px; top:13px;}
.img-scroll .prev, .img-scroll .next {position: absolute;display: block;width:19px;height: 19px;}
.img-scroll .prev {left: 0;cursor: pointer; background:url(../img/hotleft.jpg)}
.img-scroll .next {right: 0;cursor: pointer; background:url(../img/hotright.jpg)}
.img-list {position: relative;width: 100%; overflow: hidden; margin-top:40px;}
.img-list ul {width: 9999px;}
.img-list li {float: left;display: inline;width: 395px;margin-right:39px;}
.img-list li .chanlie{ width:100%; margin:auto;}
.img-list li .chanming a{ padding-left:0px;}

@media screen and (min-width:1000px) and (max-width:1219px){
#tsShopContainer{ float:none; margin:auto;}
.MagicZoomBigImageCont,.MagicZoomPup{ display:none !important;}
.jianjie{ width:100%; float:none; margin-top:20px;}
.jianjie h1{ margin-top:20px; background-position:bottom center;}
.jianjie ul{ height:auto;}
.inno{ text-align:center; margin-top:20px;}
.inno a{ float:none; display:inline-block; *float:left;}
.img-list li {width: 333px;margin-right:39px;}
}
@media screen and (min-width:1000px){
.chanx{ display:none}
}
@media screen and (max-width:999px){
#tsShopContainer{ display:none}
.chanx{ width:100%; margin-top:0px;}
.chanx a{ display:block; width:48%; margin-left:1%; margin-right:1%; float:left; margin-top:8px;}
.chanx a img{ width:100%; max-width:562px; max-height:370px; border:1px solid #ddd}
.jianjie{ width:100%; float:none; margin-top:20px;}
.jianjie h1{ margin-top:10px;}
.inno{ text-align:center; margin-top:20px;}
.inno a{ float:none; display:inline-block; *float:left; margin:0 3px; width:100px; font-size:14px; font-size:1.4rem;}

.prmain2{ padding-bottom:33px;}
.img-list ul {width: 10000%;}
.img-list li {width: 0.49%;margin-right:0.015%;}
}
@media screen and (max-width:409px){
.chanx a{ width:97%;}
.img-list li {width: 0.99%;margin-right:0.015%;}
.renav{ top:55px;}
}


/*********************************************************************  news  **********************************************************************/
.nemain{ padding-bottom:111px;}

.nelie{ position:relative; min-height:211px; margin-top:12px; margin-bottom:59px;}
.netu{ width:382px; position:absolute; left:0px; top:2px;}
.netu a{ display:block; text-align:center;}
.netu a img{ width:100%; max-width:382px; max-height:230px;}
.nezi{ margin-left:414px;}
.nebiao{ display:block; font-size:16px; font-size:1.6rem; line-height:40px; color:#4d4d4d; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.nezi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; margin-top:14px; height:90px; overflow:hidden;}
.nemor{ display:block; width:106px; height:35px; border:1px solid #173b87; color:#173b87; text-align:center; line-height:35px; float:left; font-size:14px; font-size:1.4rem; margin-top:51px;}
.nezi span{ float:right; display:block; font-size:14px; font-size:1.4rem; line-height:24px; background:url(../img/neshizhong.png) no-repeat left center; padding-left:21px; margin-top:60px;}
.nebiao:hover,.nezi p a:hover{ color:#173b87;}
.nemor:hover{ background:#173b87; color:#fff;}

.jvzhong{ float:none; text-align:center; padding-top:63px;}
.jvzhong a{ float:none; display:inline-block; *float:left;}

@media screen and (max-width:999px){
.nebiao{ font-size:16px; font-size:1.6rem;}
.nezi p a{ font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:799px){
.nelie{ margin-bottom:20px;}
.netu{ position:relative; left:auto; top:auto; margin:auto; width:auto;}
.nezi{ margin-left:auto; margin-top:30px;}
.nezi p a{ height:auto;}
.nemor{ margin-top:20px;}
.nezi span{ margin-top:25px;}
.jvzhong{ padding-top:10px;}
.nemain{ padding-bottom:31px;}
}

/*********************************************************************  news2  **********************************************************************/
.nemain2{ padding-top:17px; padding-bottom:80px;}
.nemain2 h1{ font-size:16px; font-size:1.6rem; color:#4d4d4d; font-weight:bold; line-height:30px; text-align:center;}
.riqi{ display:block; width:102px; margin:auto; padding-left:21px; background:url(../img/neshizhong.png) no-repeat left center; font-size:14px; font-size:1.4rem; line-height:30px; margin-top:27px;}

.nex{ font-size:14px; font-size:1.4rem; line-height:30px; padding-top:20px; margin-top:17px; text-align: justify;}
.nex a{ color:#173b87;}
.nex img{ max-width:100%;}
.nex table{ width:97%; border-collapse:collapse; line-height:24px;}
.nex tr td{ line-height:24px; padding:2px;}

.fanpian{ border-top:1px dashed #7e7e7e; padding-top:13px; margin-top:63px;}
.fanpian li{ line-height:26px; position:relative;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; padding-left:90px; margin-top:20px; font-size:16px; font-size:1.6rem;}
.fanpian li span{ display:block; width:77px; height:24px; line-height:24px; border:1px solid #0a0a0a; text-align:center; position:absolute; left:0px; top:0px; font-size:14px; font-size:1.4rem; color:#0a0a0a; background:#fff;}
.fanpian li a:hover{ color:#173b87;}

/*********************************************************************  about  **********************************************************************/
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
 #baguetteBox-overlay.visible{opacity:1}
 #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
 #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
 #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
 
 #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:微软雅黑;}
 #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
 #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
 .baguetteBox-button#next-button{right:2%}
 .baguetteBox-button#previous-button{left:2%}
 .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
 .baguetteBox-button svg{position:absolute;left:0;top:0}
 .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
 .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
 @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
 @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}


.abnav{ background:url(../img/abxvxian.jpg) repeat-x center 56px; text-align:center; margin-top:40px;}
.abnav a{ display:inline-block; width:170px; text-align:center; font-size:16px; font-size:1.6rem; line-height:30px; padding-top:150px; margin:0 23px;}
.abnav a:hover{ color:#173b87;}
.dangqianab{ color:#173b87 !important;}
.ab1{ background:url(../img/abnav1.png) no-repeat center top;}
.ab2{ background:url(../img/abnav2.png) no-repeat center top;}
.ab3{ background:url(../img/abnav3.png) no-repeat center top;}
.ab4{ background:url(../img/abnav4.png) no-repeat center top;}
.ab1:hover{ background:url(../img/abnav1h.png) no-repeat center top;}
.ab2:hover{ background:url(../img/abnav2h.png) no-repeat center top;}
.ab3:hover{ background:url(../img/abnav3h.png) no-repeat center top;}
.ab4:hover{ background:url(../img/abnav4h.png) no-repeat center top;}
.ab1.dangqianab{ background:url(../img/abnav1h.png) no-repeat center top;}
.ab2.dangqianab{ background:url(../img/abnav2h.png) no-repeat center top;}
.ab3.dangqianab{ background:url(../img/abnav3h.png) no-repeat center top;}
.ab4.dangqianab{ background:url(../img/abnav4h.png) no-repeat center top;}

.ab1main1{ padding-bottom:53px;}
.abtu1{ display:block; width:575px; float:right; margin-left:30px; margin-top:2px; margin-bottom:20px;}
.abtu1 img{ display:block; margin:auto; width:100%; max-width:575px; max-height:439px;}
.abbiao1{ display:block; font-size:36px; font-size:3.6rem; color:#173b87; line-height:40px; margin-top:60px;}
.ab1main1 p{ font-size:16px; font-size:1.6rem; line-height:30px; margin-bottom:30px; margin-top:18px; text-align: justify;}

.abtu2{ display:block; width:581px; float:left; margin-right:44px; margin-top:46px; margin-bottom:20px;}
.abtu2 img{ display:block; margin:auto; width:100%; max-width:581px; max-height:387px;}
.ab1p{ padding-top:41px !important;}

.ab1main2{ background:url(../img/ab12bei.jpg) no-repeat center; background-attachment:fixed; padding-top:55px; padding-bottom:55px;}
.ab1biao2{ display:block; width:240px; margin:auto; background:url(../img/ab12biao.png) no-repeat left center; padding-left:60px; font-size:30px; font-size:3rem; color:#fff; text-transform:uppercase; line-height:50px;}
.img-scroll3 { position:relative; z-index:9}
.ab1nav{ width:73px; height:29px; position:absolute; right:1px; top:14px; z-index:999}
.img-scroll3 .prev3,.img-scroll3 .next3{position:absolute;display:block;width:29px;height:29px; z-index:9999}
.img-scroll3 .prev3 { left:0;cursor:pointer; background:url(../img/ableft.png)}
.img-scroll3 .next3 { right:0;cursor:pointer; background:url(../img/abright.png)}
.img-list3 { position:relative; width:auto; overflow:hidden; z-index:99}
.img-list3 ul { width:9999px;}
.img-list3 li { float:left; display:inline; width:246px; margin-right:72px; background:url(../img/muban.jpg) no-repeat center top; margin-top:57px;}
.zhengshu{ margin:5px; position:relative; overflow:hidden; z-index:9}
.zhengtu{}
.zhengtu img{ width:100%; max-width:236px; max-height:324px;}
.zhengfu{ background:#000; background:rgba(0,0,0,0.6); position:absolute; width:100%; height:100%; top:100%; left:0px; transition:0.5s;}
.fangda2{ display:block; position:absolute; width:100%; height:100%; z-index:99}
.fangda2 img{ width:32px; height:32px; position:absolute; left:50%; margin-left:-16px; top:50%; margin-top:-49px;}
.zhengfu p{ position:absolute; width:80%; left:10%; text-align:center; font-size:16px; font-size:1.6rem;  line-height:30px; color:#fff; top:50%; z-index:10; margin-top:-2px;}
.img-list3 li:hover .zhengfu{ top:0px;}

.ab1main3{ padding-bottom:70px; padding-top:29px;}
.ab1main3 .maln{margin-left: 0;}
.ab1main3 p{ font-size:16px; font-size:1.6rem; color:#000; line-height:30px; margin-bottom:30px; margin-top:20px;}
.ablie{ width:378px; float:left; margin-left:32px; margin-top:40px;}
.ablie a{ display:block; border:2px solid #173b87; max-width:374px; margin:auto;}
.ablie a img{ width:100%; max-width:374px; max-height:270px; display:block;}
.ablie p{ margin-left:5px;}

@media screen and (min-width:1000px) and (max-width:1219px){
.img-list3 li { width:246px; margin-right:110px;}
.ablie{ width:320px; margin-left:10px; margin-top:10px;}
.ab1main3 p{ font-size:14px; font-size:1.4rem;}
.ab1main3{ padding-bottom:10px; padding-top:10px;}
}
@media screen and (max-width:999px){
.img-list3 ul { width:1000%;}
.img-list3 li { width:2.4%; margin-right:0.1%; background:none}
.ab1main1 p{ font-size:14px; font-size:1.4rem; margin-bottom:20px;}
.abtu1{ float:none; width:auto; margin:auto; margin-top:20px;}
.abbiao1{ font-size:26px; font-size:2.6rem; line-height:35px; margin-top:30px;}
.abtu2{ float:none; width:auto; margin:auto; margin-top:20px;}
.ab1p{ padding-top:20px !important;}
.ab1main3 p{ font-size:14px; font-size:1.4rem; margin-bottom:20px;}
.ablie{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%; margin-top:10px;}
.ab1main3{ padding-bottom:10px; padding-top:10px;}
.zhengshu{ margin:auto;}
.zhengfu{ top:0px;}
.zhengfu p{ font-size:12px; font-size:1.2rem; line-height:24px;}
.abnav{ background:none}
.abnav a{ width:25%; float:left; margin:auto; font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:729px){
.img-list3 li { width:3.2333%; margin-right:0.1%;}
.ablie{ width:99%; margin-left:0.5% !important; margin-right:0.5%; margin-top:10px;}
}
@media screen and (max-width:609px){
.ab1nav{ top:56px;}
.ab1biao2{ width:200px; font-size:26px; font-size:2.6rem;}
.abnav a{ width:50%; margin-bottom:20px;}
}
@media screen and (max-width:529px){
.img-list3 li { width:4.9%; margin-right:0.1%;}
.zhengfu p{ width:96%; left:2%;}
}


/*********************************************************************  about2  **********************************************************************/
.ab2main1{ margin-top:60px;}
.ab2main1 a{ display:block; font-size:20px; font-size:2rem; color:#173b87; line-height:30px;}
.ab2main1 p{ font-size:16px; font-size:1.6rem; line-height:30px; margin-top:15px;}

.ab2main1 img{ text-align:center; max-width:100%;    margin: 0 auto;
    display: block;}


.ab2main2{ background:url(../img/ab2bei.jpg) no-repeat center top; background-attachment:fixed; margin-top:82px; padding-top:20px; padding-bottom:97px;}
.ab2l{ width:620px; float:left; padding-top:113px; margin-left:24px;}
.ab2r{ width:485px; float:right; padding-top:127px;}
.ab2l li{ padding-left:87px; margin-top:60px;}
.ab2l li a{ display:block; font-size:20px; font-size:2rem; color:#fff; margin-bottom:15px;}
.ab2l li p{ font-size:16px; font-size:1.6rem; color:#fff; line-height:30px;}

.ab2r li{ padding-left:87px; margin-top:55px;}
.ab2r li a{ display:block; font-size:20px; font-size:2rem; color:#fff; margin-bottom:15px;}
.ab2r li p{ font-size:16px; font-size:1.6rem; color:#fff; line-height:30px;}

.abli1{ background:url(../img/ab2tubiao1.png) no-repeat left top;}
.abli2{ background:url(../img/ab2tubiao2.png) no-repeat left top;}
.abli3{ background:url(../img/ab2tubiao3.png) no-repeat left top;}
.abli4{ background:url(../img/ab2tubiao4.png) no-repeat left top;}
.abli5{ background:url(../img/ab2tubiao5.png) no-repeat left top;}
@media screen and (min-width:1000px) and (max-width:1219px){
.ab2l{ width:510px; float:left; padding-top:113px; margin-left:auto;}
.ab2r{ width:450px; float:right; padding-top:127px;}
}
@media screen and (max-width:999px){
.ab2l{ width:100%; float:none; padding-top:20px; margin-left:auto;}
.ab2r{ width:100%; float:none; padding-top:0px;}
.ab2l li a,.ab2r li a{ font-size:18px; font-size:1.8rem;}
.ab2l li p,.ab2r li p{ font-size:14px; font-size:1.4rem;}
.ab2l li,.ab2r li{ padding-left:77px; margin-top:20px;}
.ab2main2{ padding-bottom:37px;}
}

/*********************************************************************  about3  **********************************************************************/
.ab3main1{ padding-top:62px;}
.ab3tu1{ float:right; width:598px; margin-left:35px;}
.ab3tu1 img{ display:block; margin:auto; width:100%; max-width:598px; max-height:290px; padding-top: 60px;
    padding-bottom: 50px;}
.ab3biao{ display:block; font-size:21px; font-size:2.1rem; color:#173b87; text-transform:uppercase; line-height:40px;}
.ab3main1 p{ font-size:16px; font-size:1.6rem; line-height:30px; margin-top:1px; margin-bottom:20px; /*text-align: justify;*/}
.ab3main1 img{ margin-bottom:100px; max-width:100%;}
.ab3tu2{ display:block; float:left; width:598px; margin-right:60px; margin-top:74px;}
.ab3tu2 img{ display:block; margin:auto; width:100%; max-width:598px; max-height:290px;padding-top: 68px;
    padding-bottom: 53px;}
.ab3biao2{ margin-top:70px;}

.ab3main2{ background:url(../img/ab3bei.jpg) no-repeat center; background-attachment:fixed; margin-top:65px; padding-top:86px; padding-bottom:39px; margin-bottom:76px;}
.ab3n{ width:781px; float:right; background:#fff; background:rgba(255,255,255,0.9); border-radius:19px; padding-bottom:36px;}
.ab3n a{ display:block; font-size:24px; font-size:2.4rem; text-transform:uppercase; color:#173b87; padding-left:58px; padding-right:24px; padding-top:37px;}
.ab3n ul{ padding-left:58px; padding-right:24px; background:url(../img/xvxian2.png) repeat-y 73px; margin-top:46px;}
.ab3n ul li{ padding-left:50px; font-size:16px; font-size:1.6rem; line-height:26px; margin-top:19px; min-height:33px; text-align: justify;}
.ab3li1{ background:url(../img/shuidi1.png) no-repeat 6px top;}
.ab3li2{ background:url(../img/shuidi2.png) no-repeat 6px top;}
.ab3li3{ background:url(../img/shuidi3.png) no-repeat 6px top;}
.ab3li4{ background:url(../img/shuidi4.png) no-repeat 6px top;}
.ab3li5{ background:url(../img/shuidi5.png) no-repeat 6px top;}
.ab3li6{ background:url(../img/shuidi6.png) no-repeat 6px top;}
.ab3li7{ background:url(../img/shuidi7.png) no-repeat 6px top;}
@media screen and (max-width:999px){
.ab3tu2,.ab3tu1{ width:100%; float:none;}
.ab3n{ width:auto; float:none;}
.ab3biao{ margin-top:30px;}
.ab3n ul{ padding-left:10px; padding-right:10px; background:url(../img/xvxian2.png) repeat-y 26px;}
.ab3main1{ padding-top:12px;}
.ab3tu2{ margin-top:30px;}
}

/*********************************************************************  about4  **********************************************************************/
.ab4main{ margin-top:122px; padding-bottom:146px;}
#outer {}
#tab {overflow:hidden;zoom:1; width:274px; float:left; margin-top:90px;}
#tab li { cursor:pointer; padding-right:64px; text-align:right; font-size:18px; font-size:1.8rem; line-height:40px; font-weight:bold;}
#tab li span{ opacity:0}
#tab li.current {color:#fff;background:#333333; font-size:28px; font-size:2.8rem; padding-right:58px;}
#tab li.current span{ opacity:1; color:#fff;}
#content { width:905px; float:right; background:url(../img/huixian.png) repeat-y 1px; padding-bottom:48px;}
#content .ul {display:none;}
.ab4lie{ background:url(../img/lvdian.png) no-repeat left 168px; position:relative; padding-left:154px; padding-right:142px; margin-bottom:62px;}
.ab4shijain{ position:absolute; width:64px; height:77px; background:#173b87; border-radius:50%; left:69px; top:32px; padding-right:13px; text-align:right;}
.ab4shijain a{ display:block; font-size:12px; font-size:1.2rem; color:#fff; font-weight:bold; text-transform:uppercase; line-height:20px; padding-top:24px;}
.ab4shijain p{ display:block; font-size:14px; font-size:1.4rem; color:#fff; line-height:18px;}
.ab4tu{ display:block;}
.ab4tu img{ display:block; margin:auto; width:100%; max-width:609px; max-height:309px;}
.ab4zi{ display:block; font-size:18px; font-size:1.8rem; text-transform:uppercase; font-weight:bold; line-height:30px; margin-top:22px;}
.ab4lie>p{ font-size:16px; font-size:1.6rem; line-height:26px; margin-top:18px; text-align: justify;}
@media screen and (min-width:1000px) and (max-width:1219px){
#tab { width:200px;}
#content { width:760px;}
.ab4lie{ padding-right:0px;}
}
@media screen and (max-width:999px){
#tab { width:100%; float:none; margin-top:0px}
#tab li { width:20%; float:left; padding:0px; text-align:center;}
#tab li.current { padding:0px;}
#content { width:100%; float:none; margin-top:20px;}
.ab4lie{ padding-right:0px; padding-left:20px; padding-top:80px;}
.ab4main{ margin-top:22px; padding-bottom:36px;}
#content { padding-bottom:1px;}
.ab4shijain{ top:0px; left:20px;}
}
@media screen and (max-width:639px){
#tab li { width:33.333%;}
}

/********************************************************************************  download  *******************************************************************/
.domain{ padding-bottom:107px; margin-top:15px;}
.dolie{ border-bottom:1px dashed #c6c6c6; position:relative; padding-bottom:8px; margin-bottom:25px; margin-top:2px;}
.pdf{ display:block; width:60px; position:absolute; left:0px; top:10px;}
.pdf img{ width:60px; height:72px;}
.xiazai{ display:block; width:90px; height:40px; border:1px solid #173b87; color:#173b87; background:url(../img/xiazai.png) no-repeat 21px center; padding-left:50px; font-size:14px; font-size:1.4rem; line-height:40px; position:absolute; right:0px; top:31px; font-family:微软雅黑;}
.dolien{ padding-left:85px; padding-right:200px;}
.dolien>a{ display:block; font-size:18px; font-size:1.8rem; line-height:36px;}
.dolien p a{ display:block; color:#4d4d4d; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:3px; height:72px; overflow:hidden;}
.dolien a:hover{ color:#173b87;}
.xiazai:hover{ background:#173b87 url(../img/xiazaih.png) no-repeat 21px center; color:#fff;}
.mat5{ margin-top:20px; padding-top:56px;}

@media screen and (min-width:1000px) and (max-width:1219px){
.dolien{ padding-left:85px; padding-right:200px;}
.xiazai{ right:0px;}
}
@media screen and (max-width:999px){
.dolien{ padding-left:85px; padding-right:150px;}
.xiazai{ right:0px;}
}
@media screen and (max-width:639px){
.domain{ padding-bottom:23px;}
.pdf{ top:0px;}
.xiazai{ top:21px;}
.dolien{ padding-left:0px; padding-right:0px; padding-top:80px;}
.dolien p a{ height:auto;}
.jvzhong2{ margin-top:0px;}
}

/********************************************************************************  service  *******************************************************************/
.semain{ padding-top:17px; padding-bottom:87px; background:url(../img/sebei.png) no-repeat center bottom; background-attachment:fixed;}
.sebiao{ display:block; text-align:center;}
.sebiao img{ display:block; margin:auto; width:100%; max-width:622px; max-height:55px;}

.sen{ width:100%; overflow:auto;}
.sen img{ max-width:100%;margin-bottom: 50px;}
.sen a:hover{ color:#173b87;}
.hetong{line-height:26px; font-size:14px; font-size:1.4rem; color:#173b87 ;}
.hetong>p{line-height:26px; font-size:14px; font-size:1.4rem; color:#173b87 ;}

.lianjie{text-decoration:underline}
.sen p{ line-height:26px; font-size:14px; font-size:1.4rem; margin-bottom:15px;}
.sen b{line-height:40px; font-size:16px; font-size:1.6rem;}
.biaoge{ background:#ffffff; border-collapse:collapse; margin-top:48px;}
.biaoge td{ border:1px solid #bfbfbf; text-align:center; font-size:14px; font-size:1.4rem; line-height:18px; color:#000; padding:18px 5px;}
.biaoge td strong{ font-size:15px !important; font-size:1.5rem !important;}
.biaotd{ background:#173b87; font-size:16px !important; font-size:1.6rem !important; color:#fff !important;}
.semor{ display:block; width:213px; height:56px; border:1px solid #173b87; border-radius:9px; background:#fff url(../img/sejian.png) no-repeat 194px center; margin:auto; font-size:22px; font-size:2.2rem; color:#173b87; text-transform:uppercase; line-height:56px; font-family:微软雅黑; padding-left:56px; margin-top:104px;}
.semor:hover{ background:#173b87; color:#fff;}
@media screen and (max-width:639px){
.biaoge td{ padding:18px 2px; font-size:12px; font-size:1.2rem;}
.biaoge td strong{ font-size:13px !important; font-size:1.3rem !important;}
.biaotd{ font-size:14px !important; font-size:1.4rem !important;}
.semor{ margin-top:30px;}
.semain{ padding-top:17px; padding-bottom:37px;}
}

/***********************************************************************  contact  *********************************************************************/
.comain1{ padding-bottom:101px;}
.comain1 .quanqiu{ background:url(../img/quanqiu.png) no-repeat center 100px;}
.coul{ float:left; padding-top:98px; margin-top:40px;}
.coul>a{ display:block; text-align:center; font-size:16px; font-size:1.6rem; line-height:28px; text-transform:uppercase; color:#4d4d4d; margin-bottom:5px;}
.coul li{ font-size:14px; font-size:1.4rem; line-height:24px; text-align:center;}
.coul li a:hover{ color:#173b87;}
.codianhua{ background:url(../img/codianhua.png) no-repeat top center; width:150px;}
.coshouji{ background:url(../img/coshouji.png) no-repeat top center; width:130px; margin-left:125px;}
.coxinfeng{ background:url(../img/coxinfeng.png) no-repeat top center; width:145px; margin-left:160px;}
.coxinfeng li{ line-height:20px;}
.cochuanzhen{ background:url(../img/codianhua2.png) no-repeat top center; width:150px; margin-left:170px;}
.codingwei{ background:url(../img/codingwei.png) no-repeat top center; width:411px; float:right;}

.cobiao{ display:block; text-align:center; font-size:30px; font-size:3rem; color:#4d4d4d; padding-top:69px;}
.cop{ font-size:16px; font-size:1.6rem; line-height:24px; color:#666666; text-align:center; margin-top:11px;}

.coxin{ margin-top:51px;}
.col{ width:496px; float:left;}
.cor{ width:664px; float:right;}
.coxin .int1{ padding-left:14px; margin-top:11px;}
.coxin .xing{ background:url(../img/xing.png) no-repeat left 22px;}
.coxin .int1 input{ width:441px; height:48px; padding-left:41px; line-height:48px; font-size:16px; font-size:1.6rem;}
.curen{ background:#fff url(../img/curen.jpg) no-repeat left center;}
.cuxinfeng{ background:#fff url(../img/cuxinfeng.jpg) no-repeat left center;}
.cudianhua{ background:#fff url(../img/cudianhua.jpg) no-repeat left center;}
.cufang{ background:#fff url(../img/cufang.jpg) no-repeat left center;}
.coxin textarea{width:608px; height:172px; padding-left:41px; line-height:48px; font-size:16px; font-size:1.6rem; background:#fff url(../img/cubi.jpg) no-repeat left top;}
.coxin .int2{ padding-left:14px; margin-top:11px;}
.coxin .int3{width:230px; height:48px; padding-left:12px; line-height:41px; font-size:16px; font-size:1.6rem; float:left;background:#fff}
.cuyanzheng{ width:161px; height:50px; float:left; margin-left:8px; cursor:pointer}
.coxin .int4{ width:209px; height:49px; background:url(../img/sb2.png) no-repeat; font-size:14px; font-size:1.4rem; color:#fff; font-weight:bold; float:right; cursor:pointer; border-radius:20px;}
.coxin .int4:hover{ background:#333;}

.ditu{ width:100%; max-width:1200px; max-height:512px; margin-top:65px;}

.comain1 iframe{ max-width:100% !important; margin-top:65px;}
@media screen and (min-width:1000px) and (max-width:1219px){
.coshouji{ margin-left:60px;}
.coxinfeng{ margin-left:64px;}
.cochuanzhen{ margin-left:62px;}
.codingwei{ width:200px; float:right;}

.cor{ width:464px; float:right;}
.coxin textarea{width:408px; }
.coxin .int3{width:130px;}
.coxin .int4{ width:129px; background:#173b87;}
}
@media screen and (max-width:999px){

.coul{ width:30%; margin-left:1.5%; margin-right:1.5%; float:left; height:100px;}
.comain1{ padding-bottom:35px;}
.ditu{ margin-top:30px;}

.col{ width:100%; float:none;}
.cor{ width:100%; float:none;}
.coxin .int1 input{ width:90%;}
.coxin textarea{width:90%;}
.coxin .int3{width:30%;}
.coxin .int4{ width:30%; background:#75ae2e; float:left; margin-left:8px;}
}
@media screen and (max-width:639px){
.coul{ width:47%; margin-left:1.5%; margin-right:1.5%; float:left;}
.coxin .int1 input{ width:85%;}
.coxin textarea{width:85%;}
.coxin .int3{width:85%; padding-left:41px; float:none;}
.cuyanzheng{ margin-left:auto; margin-top:11px;}
.coxin .int4{ width:37%; background:#173b87; float:left; margin-left:8px; margin-top:11px;}
}
@media screen and (max-width:379px){
.coul{ width:97%; margin-left:1.5%; margin-right:1.5%; float:left; height:auto;}
}



.sanji{ width:200px; position:absolute; top:-9999px; left:217px; background:#173b87;text-align:left; z-index:999999}
.erji li:hover .sanji{ top:0px;}

.navContent li{ position:relative;}
.prsanji{width:265px; position:absolute; top:-9999px; left:336px; background:#fff;text-align:left; z-index:999999}
.navContent li:hover .prsanji{ top: 0px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.prsanji{ left: 260px;}
}
@media screen and (max-width:999px) {
.prsanji{position:relative; left: 0px; top: 0px; padding-left: 20px;}
	}

.prolist{margin-top: 12px}
.prolist li{line-height: 24px}
.prolist li a{font-size: 1.4rem; font-size: 14px;}

.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}






.erji{ width:245px;}




.box-video{z-index:-1;}
.video-img-bgc{z-index:-111111;}


.main1 .m1lie:nth-child(1){margin-left: 0 !important;}
.sykeywords{
font-size: 1.8rem;
    line-height: 66px;
    color: #666666;
    text-transform: uppercase;
}